<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>

</head>
<body>
	<script>
		let str = 'abcdaaaaAAAA'
		let k = 'a' 
		// /变量/ 这种方式正则处理不了
		// let res = str1.replace(/a/gi, '<span style="color: red">A</span>')
		// document.body.innerHTML = res
		// 以上有一个问题 问题1 不能原样处理(需要的效果是大写还是大写,小写还是小写)
		//               问题2 处理不了变量  已经接近90%

		//-----------------------------------------------------------
		// 1. 正则表达式的创建方式    new RegExp(匹配的字符, 匹配规则)
		console.log(new RegExp(k, 'gi')); //  可以解析变量k  正则的结果是 /a/
		let reg = new RegExp(k, 'gi') // /a/gi
		// replace方法第一个参数是匹配的字符(可以传递正则表达式) 
		// 参数2 可以是一个字符串还可以是一个函数函数中的参数就是匹配到的字符 而且函数必须有返回值
		let res = str.replace(reg, (str)=>{
			// console.log(str);
			return `<span style="color: red">${str}</span>`
		})
		document.body.innerHTML = res
	</script>
</body>
</html>